<template>
  <div class="home">
   <div class="cover1">
      <Banner1 />
   </div>
   <div class="cover2">
<Banner2 />
   </div>
    
   
  </div>
</template>

<script>
// @ is an alias to /src
import Banner1 from '@/components/banner1.vue'
import Banner2 from '@/components/banner2.vue'

export default {
  name: 'Home',
  components: {
    Banner1,
    Banner2
  }
}
</script>

<style lang="less" scope>
.cover1{
  width:400px;
  margin: 50px auto;
}
.cover2{
  width: 1200px;
  margin:50px auto;
  background-color: #698;
}
</style>
